<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>


        /*
            es6 提供了更接近传统语言的写法,引入了Class(类)的概念,作为对象的模板。
            通过class关键字,可以定义类。

            class 声明类
            constructor     定义构造函数初始化
            extends         继承父类
            super           调用父级构造方法
            static          定义静态方法和属性
            父类方法可以重写

        */


        // 手机
        // function Phone(brand, price) {
        //     this.brand = brand
        //     this.price = price
        // }
        // //构造函数上的属性和方法叫做静态成员
        // Phone.name = '手机'
        // Phone.change = function () {
        //     console.log('change')
        // }
        // let n = new Phone('111',199)
        // console.log(n.name) // undefined


        class Phone {
            // 静态属性
            static name = '手机'
            static change () {
                console.log('change')
            }
        }

        let p = new Phone()
        console.log(p.name) // undefined










    </script>
</body>
</html>